<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <!--cookie 本地存储  离线存储->
    <!--本地存储 5M 对应的是一个url地址->
    <!-- www.tiger.com  www.yida.com-->
</head>
<body>
<input id="text" type="text"/>
<input type="button" value="存储"/>
<input type="button" value="获取"/>
<input type="button" value="删除"/>

</body>
</html>
<script>
    //本地存储 storage
    //存储一条记录 key自己设置(string)
    //setItem('name',text.value);
    //       (key,value)

    //获取数据  (key)
    //getItem('name'))

    //键:值 对 (字典)
    //1 临时存储 页面关闭 就没有了  刷新?
    //2 永久存储


    var inputArray  = document.getElementsByTagName('input');
    inputArray[1].onclick = function(){
        var text = document.getElementById('text');
        //临时存储(页面关闭前)
        //window.sessionStorage.setItem('name',text.value)
        //永久存储
        window.localStorage.setItem('name',text.value);

    }

    inputArray[2].onclick = function(){
        //获取
        //alert(window.sessionStorage.getItem('name'));
        alert(window.localStorage.getItem('name'));
    }


    inputArray[3].onclick = function(){

        //删除
        //删除其中一个 (key)
        //window.localStorage.removeItem("name");
        //删除全部
        window.localStorage.clear();
    }





</script>